<?php
/**
 * Created by PhpStorm.
 * User: luanyoushu
 * Date: 2017/10/8
 * Time: 16:52
 */
?>
<!doctype html>
<html>
<head>
    <style>
        div.img
        {
            margin:3px;
            border:1px solid #bebebe;
            height:auto;
            width:auto;
            float:left;
            text-align:center;
        }
        div.img img
        {
            display:inline;
            margin:3px;
            border:1px solid #bebebe;
        }
        div.img a:hover img
        {
            border:1px solid #333333;
        }
        div.desc
        {
            text-align:center;
            font-weight:normal;
            width:150px;
            font-size:12px;
            margin:10px 5px 10px 5px;
        }
    </style>
</head>
<body>

<div class="img">
    <a target="_blank" href="/i/tulip_ballade.jpg">
        <img src="/web/sources/indexbg.jpg" alt="Ballade" width="160" height="160">
    </a>
    <div class="desc">在此处添加对图像的描述</div>
</div>

<div class="img">
    <a target="_blank" href="/web/sources/indexbg.jpg">
        <img src="/web/sources/indexbg.jpg" alt="Ballade" width="160" height="160">
    </a>
    <div class="desc">在此处添加对图像的描述</div>
</div>

<div class="img">
    <a target="_blank" href="/web/sources/indexbg.jpg">
        <img src="/web/sources/indexbg.jpg" alt="Ballade" width="160" height="160">
    </a>
    <div class="desc">在此处添加对图像的描述</div>
</div>

<div class="img">
    <a target="_blank" href="/web/sources/indexbg.jpg">
        <img src="/web/sources/indexbg.jpg" alt="Ballade" width="160" height="160">
    </a>
    <div class="desc">在此处添加对图像的描述</div>
    <div>asdfasdf</div>
</div>
<div>asdfasdf</div>
<div>asdfasdf</div>
</body>
</html>

